{#首页顶部轮播#}
<div class="swiper-viewport" style="margin-top: 10px;width: 100%;">
  <div id="slideshow{{ module }}" class="swiper-container" style="width: 100%;">
    <div class="swiper-wrapper" style="width: 100%;">
        {% for banner in banners %}
            <div class="swiper-slide text-center" style="width: 100%;">
                {% if banner.link %}
                <a href="{{ banner.link }}">
                    <img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive hidden-lg hidden-md hidden-sm" style="width: 100%;"/>
                    <img src="{{ banner.imagep }}" alt="{{ banner.title }}" class="img-responsive hidden-xs" style="width: 100%;"/>
                    </a>
                {% else %}
                    <img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive hidden-lg hidden-md hidden-sm" style="width: 100%;"/>
                    <img src="{{ banner.imagep }}" alt="{{ banner.title }}" class="img-responsive hidden-xs" style="width: 100%;"/>
                {% endif %}
            </div>
      {% endfor %}
    </div>
  </div>
  <div class="swiper-pagination slideshow{{ module }}"></div>
  <div class="swiper-pager">
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
</div>
<script type="text/javascript"><!--
$('#slideshow{{ module }}').swiper({
	mode: 'horizontal',
	slidesPerView: 1,
	pagination: '.slideshow{{ module }}',
	paginationClickable: true,
	nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 30,
	autoplay: 2500,
    autoplayDisableOnInteraction: true,
	loop: true
});
--></script>